import React,{useState} from "react";
import './index.less'

import utils from '../../util/utils'

function CommentContent(props){
  // console.log(props);

  return (
    <React.Fragment>
      <div className="comment-content">
        <div className="flex">
          <div>
            <img src={props.Comment.User.AvatarUrl} alt="" className="user-img"/>
          </div>
          <div>
            <div className="comment-user-nickname">{props.Comment.User.Nickname} </div>
            <div className="comment-createTime">{props.Comment.CreateTime} </div>
          </div>
        </div>
        <div className="content">
          {props.Comment.Content}
        </div>
      </div>
    </React.Fragment>
  )
}

export default CommentContent